// 公共样式

.main-title {
    border-left: 3px solid #0079fe;
    padding-left: 10px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}


//外边距
.margin {
    margin: 20px !important;
    &-top {
        margin-top: 20px !important;
    }
    &-right {
        margin-right: 20px !important;
    }
    &-bottom {
        margin-bottom: 20px !important;
    }
    &-left {
        margin-left: 20px !important;
    }
}

//内边距
.padding {
    padding: 20px !important;
    &-top {
        padding-top: 20px !important;
    }
    &-right {
        padding-right: 20px !important;
    }
    &-bottom {
        padding-bottom: 20px !important;
    }
    &-left {
        padding-left: 20px !important;
    }
}

.flex {
    display: flex;
    align-items: center;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-end {
    display: flex;
    justify-content: end;
    align-items: center;
}

.flex-start {
    display: flex;
    justify-content: start;
    align-items: center;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    &-center {
        align-items: center;
    }
}